import React from 'react';
import { Tabs } from 'antd';
import Runlog from './runlog';
import SystemPotoloy from './systempotoloy';

const onChange = (key) => {
  console.log(key);
};
const items = [
  {
    key: '1',
    label: '执行记录',
    children: <Runlog />,
  },
  {
    key: '2',
    label: '系统拓扑',
    children: <SystemPotoloy />,
  },
  {
    key: '3',
    label: '实例列表',
    children: 'Content of Tab Pane 3',
  },
  {
    key: '4',
    label: '容器日志',
    children: 'Content of Tab Pane 3',
  },
];

function App() {
  return (
    <div style={{
      height: '100%',
      width: '100%',
      padding: 15,
      boxSizing: 'border-box',
    }}
    >
      <Tabs
        style={{ height: '650px' }}
        type="line"
        tabBarStyle={{ width: '120px' }}
        tabPosition="left"
        defaultActiveKey="1"
        items={items}
        onChange={onChange}
      />
    </div>
  );
}
export default App;
